<html>
  <body>
  <p id="test_id">outside</p>
  <p id="test_id_out">outside</p>
  <div id="test_id_div">
  	<p id="test_id">inside</p>
  </div>
  <div id="test_special_chars">
    <p id="white space">space</p>
    <p id="css#.chars">css escapes</p>
  </div>
  <div id="test_special_chars_2">
    <p id="white space">second copy for testing plural findElements</p>
    <p id="css#.chars">second copy</p>
  </div>

<form method="get" action="resultPage.html" name="form1" style="display: block">
    Here's a checkbox: <input type="checkbox" id="checky" name="checky" value="furrfu"/><br/>
    <select name="selectomatic" id="1">
        <option selected="selected">One</option>
        <option>Two</option>
        <option>Four</option>
        <option>Still learning how to count, apparently</option>
    </select>
</form>

<form method="get" action="resultPage.html" name="form2" style="display: block">
    Here's a checkbox: <input type="checkbox" id="checky" name="checky" value="furrfu"/><br/>
    <select name="selectomatic" id="2">
        <option selected="selected">One</option>
        <option>Two</option>
        <option>Four</option>
        <option>Still learning how to count, apparently</option>
    </select>
     <select name="selectomatic" id="2">
        <option selected="selected">One</option>
        <option>Two</option>
        <option>Four</option>
        <option>Still learning how to count, apparently</option>
    </select>
</form>

<a href="1.html">hello world</a>
<div name="div1">
  <a href="2.html" name="link1">hello world</a>
  <a href="2.html" name="link2">hello world</a>
</div>
</body>
</html>
<html>
  <body>

<form method="get" action="resultPage.html" name="form1" style="display: block">
    Here's a checkbox: <input type="checkbox" id="checky" name="checky" value="furrfu"/><br/>
    <select name="selectomatic" id="1">
        <option selected="selected">One</option>
        <option>Two</option>
        <option>Four</option>
        <option>Still learning how to count, apparently</option>
    </select>
</form>

<form method="get" action="resultPage.html" name="form2" style="display: block">
    Here's a checkbox: <input type="checkbox" id="checky" name="checky" value="furrfu"/><br/>
    <select name="selectomatic" id="2">
        <option selected="selected">One</option>
        <option>Two</option>
        <option>Four</option>
        <option>Still learning how to count, apparently</option>
    </select>
     <select name="selectomatic" id="2">
        <option selected="selected">One</option>
        <option>Two</option>
        <option>Four</option>
        <option>Still learning how to count, apparently</option>
    </select>
</form>

<a href="1.html">hello world</a>
<div name="div1">
  <a href="2.html">hello world</a>
  <a href="2.html">hello world</a>
</div>
</body>
</html>
<html>
  <body>

<form method="get" action="resultPage.html" name="form1" style="display: block">
    Here's a checkbox: <input type="checkbox" id="checky" name="checky" value="furrfu"/><br/>
    <select name="selectomatic" id="1">
        <option selected="selected">One</option>
        <option>Two</option>
        <option>Four</option>
        <option>Still learning how to count, apparently</option>
    </select>
</form>

<form method="get" action="resultPage.html" name="form2" style="display: block">
    Here's a checkbox: <input type="checkbox" id="checky" name="checky" value="furrfu"/><br/>
    <select name="selectomatic" id="2">
        <option selected="selected">One</option>
        <option>Two</option>
        <option>Four</option>
        <option>Still learning how to count, apparently</option>
    </select>
     <select name="selectomatic" id="2">
        <option selected="selected">One</option>
        <option>Two</option>
        <option>Four</option>
        <option>Still learning how to count, apparently</option>
    </select>
</form>

<a href="1.html">hello world</a>
<div name="div1">
  <a href="2.html">hello world</a>
  <a href="2.html">hello world</a>
</div>
</body>
</html>
<html>
  <body>

<form method="get" action="resultPage.html" name="form1" style="display: block">
    Here's a checkbox: <input type="checkbox" id="checky" name="checky" value="furrfu"/><br/>
    <select name="selectomatic" id="1">
        <option selected="selected">One</option>
        <option>Two</option>
        <option>Four</option>
        <option>Still learning how to count, apparently</option>
    </select>
</form>

<form method="get" action="resultPage.html" name="form2" style="display: block">
    Here's a checkbox: <input type="checkbox" id="checky" name="checky" value="furrfu"/><br/>
    <select name="selectomatic" id="2">
        <option selected="selected">One</option>
        <option>Two</option>
        <option>Four</option>
        <option>Still learning how to count, apparently</option>
    </select>
     <select name="selectomatic" id="2">
        <option selected="selected">One</option>
        <option>Two</option>
        <option>Four</option>
        <option>Still learning how to count, apparently</option>
    </select>
</form>

<a href="1.html">hello world</a>
<div name="div1">
  <a href="2.html">hello world</a>
  <a href="2.html">hello world</a>
</div>

<span class="one">Span with class of one</span>
<div name="classes">
  <span class="one">Find me</span>
  <span class="one">Also me</span>
  <span class="oneother">But not me</span>
</div>
</body>
</html>
